﻿@charset "utf-8";

/* CSS Document */

/* 公用 */
/*华康黑体DFPHeiW9-GB*/
body, div, a, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, p, th, td { margin: 0; padding: 0; }
body { font-size: 12px; font-family: "微软雅黑"; background: #fff; color: #fff; overflow-x: hidden; }
img { border: 0; }
a { text-decoration: none; color: #a6a6a6; -webkit-tap-highlight-color:transparent; border:none; outline:none; }
a:hover { text-decoration: none; cursor: pointer; }
ul, ol { list-style: none; }
em, i { font-style: normal; }
input,select { outline:none; border:none; -webkit-appearance: none; -webkit-tap-highlight-color:rgba(0,0,0,0); }
/*.form-border { display: block; border: 1px solid #c9c9c9; height: 235px; width: 86%; position: absolute; left: 7%; top: 0; box-sizing: border-box; }*/
.form-border{ border:1px solid #949494; margin-top: 15px; position: relative;}
.pub-title { height: 18px; line-height: 18px; border-left: 5px solid #c72220; padding-left: 5%; }
.pub-title span { font-size: 16px; color: #000; font-weight: bold; }

.pub-title  p { color: #000; font-size:16px;}
/*.pub-title p span{padding-left:50%;color:#F00;}*/

.pub-title div { float: right; position: relative; width: 33%; }
.pub-title div select { width: 100%; padding-left: 8px; height: 22px; line-height: 22px; z-index: 2; background: none; border: 1px solid #c9c9c9; -webkit-appearance: none; }
.pub-title div span { position: absolute; right: 0; top: 0; height: 22px; width: 22px; background: #cc0033; z-index: -1; }
.pub-title div span .arrow_b { height: 0; width: 0; display: block; border-width: 6px; border-style: solid dashed dashed dashed; border-color: #fff transparent transparent transparent; position: absolute; right: 5px; top: 9px; font-size: 0px; line-height: 0px; overflow: hidden; }
.pub-title a { float: right; text-decoration: underline; }
.form-title { position: absolute; left: 5%; top: 20px;}
.form-title span { color: #8e8e8e; position: relative; padding-left:60%}
/*.form-title span::after { content: ""; display: block; width: 7px; height: 3px; position: absolute; left: -10px; top: 45%; background: #4f81bd; }*/
.form-title p { color: #000; text-align: center; font-size: 14px; }
.bar-title{ position: static; margin-top: 15px;}
.bar-title p{ text-align: left; padding-left:5%;}
.form-add-title { left: 5% !important; top: -15px !important; }
.title-4s { background: #727272 !important; height: 30px; line-height: 30px; font-size: 14px; padding-left: 5%; }
.graph-title{
    border: medium none;
    color: #000;
    font-weight: normal;
    left: 5%;
    margin: 0;
    overflow: visible;
    position: absolute;
    text-align: center;
    top: 225px;
    width: 90%;
}
.home-data ul .kb { text-align:center; }
.graph-title span{ margin-left: 20px; position:relative; margin-top: 5px; word-break:keep-all;}
.graph-title span::after{
    content: "";
    display: block;
    width: 7px;
    height: 6px;
    position: absolute;
    left: -10px;
    top: 30%;
    background: #c00000;
}
.graph-title span:nth-child(2)::after{ background:#434c53;}
.graph-title span:nth-child(3)::after{ background:#6d7578;}
.graph-title span:nth-child(4)::after{ background:#b1b6b9;}
.graph-title span:nth-child(5)::after{ background:#d5d9d8;}
.graph-title.spec span:nth-child(2)::after{ background:#000;}
.graph-title.spec span:nth-child(3)::after{ background:#434c53;}
.graph-title.spec span:nth-child(5)::after{ background:#6d7578;}
.graph-title.spec span:nth-child(6)::after{ background:#b1b6b9;}
.graph-title.spec span:nth-child(7)::after{ background:#d5d9d8;}
.graph-title.spec2 span:nth-child(2)::after{ background:#000;}
.graph-title.spec2 span:nth-child(3)::after{ background:#434c53;}
.graph-title.spec2 span:nth-child(4)::after{ background:#6d7578;}
.graph-title.spec2 span:nth-child(5)::after{ background:#b1b6b9;}
.graph-title.spec2 span:nth-child(6)::after{ background:#d5d9d8;}

/*============================= 公用头部 =============================*/
.header h5 { height: 50px; line-height: 50px; text-align: center; font-size: 16px; position: relative; background: #000; }
.header h5 .arrow_l1, .header h5 .arrow_l2 { height: 0; width: 0; display: block; border-width: 10px; border-style: dashed solid dashed dashed; border-color: transparent #fff transparent transparent; position: absolute; left: 10px; top: 30%; font-size: 0px; line-height: 0px; overflow: hidden; }
.header h5 .arrow_l2 { border-right-color: #000; left: 13px; }

/*============================= 系统首页 =============================*/
.home-data { width: 94%; margin: 30px auto 30px; border: 1px solid #bdbebe; border-radius: 5px; overflow: hidden; }
.home-data h5 { line-height: 40px; background: #cc0033; font-size: 16px; padding-left: 10px; color: #fff; }
/*.home-data h5 { line-height: 40px; background: #aa142d; font-size: 16px; padding-left: 10px; color: #fff;更改bg颜色为鲜红}*/
.home-data ul { overflow: hidden; background: #d5d9d8; }
.home-data ul li { height: 40px; line-height: 40px; background: #d5d9d8; box-sizing: border-box; color: #000; font-size: 13px; }/*默认为14px 数据显示不全，更改为13px */
.home-data ul li:nth-child(odd) { background: #fff; }
.home-data ul li:last-child { border-bottom: none; }
.home-data ul li p { float: left; width: 47%; padding-left: 3%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.home-data ul .kb { text-align:center; }
.home-data ul li .kh { display:inline-block; margin-left:3%; float:left; }
.home-data ul li a { display:inline-block; width:20%; height:25px; background:#cc0033; color:#fff; text-align:center; line-height:25px; float:right; border-radius:3px; margin-top:8px; margin-right:3%; } 


.home-data ul li p:nth-child(odd) { border-right: 1px solid #bdbebe; box-sizing: border-box; }
.home-data h6 { color: #cc0033; line-height: 40px; text-align: center; font-size: 14px; }
.home-list{ width:94%; margin:0 auto;}
.home-list li{ background:#d5d9d8; border-radius: 5px; float:left; width:49%; text-align: center; padding:15px 0 10px; margin-bottom: 10px; color:#434c53; font-size: 14px; font-weight: bold; height:70px;}
.area-list li{ padding-bottom: 25px;}
.home-list li img{margin-bottom: 10px; height:30px;}
.home-list li:first-child{ margin-right: 2%;}
.home-list li:nth-child(3),.home-list li:nth-child(4){ width:100%; height:45px; padding:15px 0 10px;}
.home-list li:nth-child(3) img,.home-list li:nth-child(4) img{ height:35px;}
.home-list li:nth-child(3) p,.home-list li:nth-child(4) p{ line-height: 30px; text-align: center;}
.home-list li:nth-child(3) span,.home-list li:nth-child(4) span{ position: relative; top:-25px;padding:0 0 0 15px;}

.headquarters{ width:94%; margin:0 auto; overflow: hidden;}
.headquarters li{background:#d5d9d8; border-radius: 5px; float:left; width:49%; text-align: center; margin-bottom: 10px; color:#434c53; font-size: 14px; font-weight: bold; height:70px; box-sizing: border-box; overflow: hidden; font-size: 16px;}
.headquarters li img{margin-bottom: 10px; height:35px;}
/*.headquarters li p{ text-align: center;}*/
.headquarters li span{ position: relative; margin-left: 50px;}
.headquarters li:first-child{ height:150px; margin-right: 2%; padding-top: 35px;}
.headquarters li:first-child img{ height:50px;}
.headquarters li:nth-child(2),.headquarters li:nth-child(3){ padding-left: 9%; padding-top: 15px;}
.headquarters li:nth-child(2) img,.headquarters li:nth-child(3) img{ float:left; margin-right: 10px; margin-top: 5px;}
.headquarters li:nth-child(2) p,.headquarters li:nth-child(3) p{ float:left; text-align: left;}
.headquarters li:nth-child(5),.headquarters li:nth-child(4){ width:100%; height:80px;}
.headquarters li:nth-child(5) img,.headquarters li:nth-child(4) img{ height:30px; position: absolute; left: -43px; top:-6px;}
.headquarters li:nth-child(4) img{ left:-43px;}
.headquarters li:nth-child(5) p,.headquarters li:nth-child(4) p{ line-height: 60px; text-align: center;}
.headquarters li:nth-child(5) span,.headquarters li:nth-child(4) span{ position: relative; margin-left: 35px;top:10px}
.headquarters-search{ width:94%; margin:10px auto 30px; padding:15px; box-sizing: border-box; border-radius: 5px; background:#d5d9d8; z-index:-5; }
.headquarters-search .seldata div{ width:77%;}
.headquarters-search .seldata span{ width:21%;}
.headquarters-search .seldata select{ border-radius: 3px; background:#fff;}
.headquarters-search .seldata i{ background:#cc0033; z-index: 0; border-bottom-right-radius: 3px; border-top-right-radius: 3px;}
.headquarters-search .seldata i::after{border-top-color:#cc0033; margin-top: -2px;}
.headquarters-search .sel.spec div{ width:37.5%;}
.headquarters-search .dataSub{ width:54%; margin-left: 23%; border-radius: 3px;}
/*-------2015.11.16------*/
.headquarters1{ width:94%; margin:0 auto; overflow: hidden;}
.headquarters1 li{background:#d5d9d8; border-radius: 5px; float:left; width:49%; text-align: center; margin-bottom: 10px; color:#434c53; font-size: 14px; font-weight: bold; height:70px; box-sizing: border-box; overflow: hidden; font-size: 16px;}
.headquarters1 li img{margin-bottom: 10px; height:35px;}
/*.headquarters li p{ text-align: center;}*/
.headquarters1 li span{ position: relative; margin-left: 50px;}
.headquarters1 li:first-child{ height:150px; margin-right: 2%; padding-top: 35px; }
.headquarters1 li:first-child img{ height:50px;}
.headquarters1 li:nth-child(2){ height:150px;  padding-top: 35px; /*padding-left:2%; */float:left;}
.headquarters1 li:nth-child(2) img{ height:50px;/*padding-left: 9%;*/}
.headquarters1 li:nth-child(3){ width:100%; height:70px;}
.headquarters1 li:nth-child(3) span{top:20px;}
.headquarters1 li:nth-child(3)  img{ height:30px;width:40px; position: absolute; left: -43px; top:0px;padding:0 0 0 -20px;}
.headquarters1 li:nth-child(4) span{top:20px;}
.headquarters1 li:nth-child(4)  img{ height:30px;width:40px; position: absolute; left: -43px; top:0px;padding:0 0 0 -20px}




.form-bar,.form-pie{ width:92%; margin:30px auto 30px;}
.form-pie{ position: relative;}
.form-pie .form-border{ padding-bottom: 10px;}
.form-bar .focusClient-form{ height:250px;}
.form-pie .volume-from{ height:250px;}
.history-from,.dataAnalyze-form{ height:200px;}



.teamState{ overflow: hidden; width:94%; margin:30px auto 30px;}
.teamState li{ float:left; border:1px solid #b2b2b2; border-radius: 10px; width:48%; margin:0 1% 10px; padding:10px 4%; box-sizing: border-box;}
.teamState li div:nth-child(1){ overflow: hidden;}
.teamState li div:nth-child(1) div{ float:right; border:1px solid #b2b2b2; border-radius: 50%; height:55px; width:55px;}
.teamState li div:nth-child(1) div img{ width:100%;}
.teamState li div:nth-child(2){ color:#000; font-size: 14px;}
.teamState li div:nth-child(2) p{}


.yaoyiyao{ width:90%; margin:30px auto 30px;}
.sel{ color:#000; font-weight: normal; overflow: hidden; margin-bottom: 10px;}
.sel div{ float:left; position: relative; width:75%; margin-left: 2%;}
.sel span{ font-size: 16px; float:left; width:23%; line-height: 35px;}
.sel div select{ width:100%; padding-left: 8px; height:35px; line-height: 35px; z-index: 2; border:1px solid #727272; background:none; -webkit-appearance:none; color:#999;}
.sel div select option{ color:#000;}
.sel i{ position: absolute; right:0; top:0; height:35px; width:35px; background:#727272; z-index: -1;}
.sel i::after,.sel i::before{
    content:""; 
    height:0; width:0;
    display:block;
    border-width:8px;
    border-style:solid dashed dashed dashed;
    border-color:#fff transparent transparent transparent;
    position:absolute;
    left:50%;
    top:40%;
    margin-left: -8px;
    font-size:0px;
    line-height:0px;
    overflow:hidden;
}
.sel i::after{ border-top-color: #727272; margin-top: -1px;}
.sel div select .ques{ display:none;}
.seldata input{ width:100%; height:30px; line-height: 30px; padding-left: 3%; border:1px solid #727272; box-sizing: border-box; }
.seldata div{ width:68%;}
.seldata span{ width:30%; font-size: 14px;}
.sel.spec div{float:left; position: relative; width:33%; margin-left: 2%;}
.quesSub{ width:35%; display:block; background:#cc0033; height:35px; line-height: 35px; text-align: center; font-size: 14px; color:#fff; margin:0 auto;}
.dataSub{ width:100%; display:block; background:#cc0033; height:35px; line-height: 35px; text-align: center; font-size: 14px; color:#fff; border-radius: 5px; margin-top:20px;}


.myHome{ width:90%; margin:30px auto 30px;}
.buyIntention-gauge{ margin:20px 0; border:1px solid #c9c9c9;}
.buyIntention-gauge #buyIntention-gauge{ height:250px;}
.buyIntention-gauge ul{ padding:10px 5%; overflow: hidden; color:#000; font-size: 14px;}
.buyIntention-gauge ul li{ float:left; width:50%; line-height: 24px;}
.buyIntention-gauge .btn{ clear:both; margin-top: 15px;}
.buyIntention-gauge .btn a{ width:30%; color:#fff; height:30px; line-height: 30px; display:inline-block; background:#cc0033; border-radius: 5px; font-size: 14px; text-align: center; margin-right: 5%; float:left;}
.buyIntention-gauge .btn a:nth-child(2){ background:#434c53;}
.buyIntention-gauge .btn a:nth-child(3){ background:#6d7579; margin-right: 0;}


.homeAlert{ position: fixed; height:150px; width:80%; left: 10%; top:50%; margin-top: -75px; border:1px solid #b5b9bc; border-radius: 3px; background:#fff;}
.homeAlert h3{ height:40px; background:#cc0033; text-align: center; line-height: 40px; font-size: 14px; font-weight: normal;}
.homeAlert ul{ overflow: hidden; width:80%; margin:20px auto 0;}
.homeAlert ul li{ background:#434c53; float:left; width:40%; margin:0 5%; text-align: center; height:30px; line-height: 30px; margin-bottom: 10px; border-radius: 3px;}
.recommendAlert{ height:170px;}
.recommendAlert p{ width:65%; margin:20px auto; color:#000;}
.recommendAlert div{ width:80%; margin:0 auto; color:#000;}
.recommendAlert div span{ float:left; border:1px solid #7f7f7f; height:30px; position: relative; width:47%; line-height: 30px; padding-left: 40px; box-sizing: border-box; font-size: 14px; }
/*.recommendAlert div span::after{ content:""; height:15px; height:20px; background: url(../images/market.png) 0 0 no-repeat; position: absolute; left: 5px; top:5px;}*/
.recommendAlert div span:last-child{ margin-left: 6%;}
.recommendAlert div span img{ position: absolute; left: 15px; top:5px; height:15px; height:20px;}


.enterpage{ width: 94%; margin: 20px auto 20px;}
.enterpage a { -webkit-tap-highlight-color:transparent; border:none; outline:none; }
.enterpage li{ width:100%; margin-bottom:10px; background:#D5D9D8; text-align: center; font-size: 16px; color:#424B52; height:55px; line-height: 55px; font-weight: bold; border-radius: 5px;}


.headquarters-search .seldata .sel-change { background:url(../images/sel.png) no-repeat right center #fff;  }

/*弹出框*/
.jmp { width:80%; height:150px; position:fixed; top:50%; left:10%; margin-top:-75px; border-radius:3px; border: 1px solid #b5b9bc; background:#fff; display:none; }
.jmp h3 { height:40px; width:100%; background:#3c3c3c; text-align:center; line-height:40px; font-weight:bold; }
.closed { width:26px; height:26px; background:url(../images/close.png) no-repeat; position:absolute; top:5px; right:5px;  }
.name-int { width:37%; height:30px;  margin-left:30%; margin-top:10px; padding-left:3%; }
.name-but { background:#cc0033; width:30%; height:30px; color:#fff; margin-top:20px; margin-left:35%; }







